<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery-ajax多次请求</title>
  <script type="text/javascript" src="script/jquery-3.7.1.min.js"></script>
  <script type="text/javascript">

        $.ajax({
            url:"data/monster.json",
            //这种是es6方法简写形式
            success(resultData){
                console.log("第1次请求 monster基本信息=",resultData)
                $.ajax({
                    url: `data/monster_detail_${resultData.id}.json`,
                    success(resultData) {
                        console.log("第2次请求 monster_detail_1详细信息=",resultData)
                        //$.ajax
                        //$.ajax
                        //$.ajax
                        //... 造成很多嵌套 即callback hell
                        //可用promise解决
                    }
                })
            },
            error(err){
                console.log("异常信息=",err)
            }
        })

  </script>
</head>
<body>

</body>
</html>